const Footer = () => {
  return (
    <>
      <footer class="site-footer" role="contentinfo">
        <div class="footer-content">
          <div class="footer-section">
            <h2 class="footer-title">KineticX</h2>
            <p>创新的设计系统解决方案</p>
          </div>
          <div class="footer-section">
            <h3>快速链接</h3>
            <ul>
              <li><a href="#features">功能</a></li>
              <li><a href="#solutions">解决方案</a></li>
              <li><a href="#pricing">定价</a></li>
            </ul>
          </div>
          <div class="footer-section">
            <h3>联系我们</h3>
            <address>
              <p>邮箱: <a href="mailto:contact@kineticx.com">contact@kineticx.com</a></p>
              <p>电话: <a href="tel:+8612345678901">+86 123 4567 8901</a></p>
            </address>
          </div>
        </div>
        <div class="footer-bottom">
          <p>&copy; 2024 KineticX. All rights reserved.</p>
        </div>
      </footer>
    </>
  )
}
export default Footer